<template>
  <div class="box">
    <div class="header">首次居家护理服务评估表</div>
    <div class="one">
      <div class="right">基本情况</div>
      <div class="left" style="margin-top: 5px;">
        <el-descriptions title="" :column="4" class="item">
          <el-descriptions-item label="姓名">李建刚</el-descriptions-item>
          <el-descriptions-item label="性别">女</el-descriptions-item>
          <el-descriptions-item label="年龄">59</el-descriptions-item>
          <el-descriptions-item label="民族">汉族</el-descriptions-item>
        </el-descriptions>
        <el-descriptions title="" :column="2" class="item">
          <el-descriptions-item label="婚姻状况">丧偶</el-descriptions-item>
          <el-descriptions-item label="家庭"
            >子、人、女、人</el-descriptions-item
          >
        </el-descriptions>
        <el-descriptions title="" :column="3" class="item">
          <el-descriptions-item label="监护人">李铁刚</el-descriptions-item>
          <el-descriptions-item label="与长者关系">母女</el-descriptions-item>
          <el-descriptions-item label="电话"
            >1300000001234</el-descriptions-item
          >
        </el-descriptions>
      </div>
    </div>
    <div class="one" >
      <div class="right1">生命特征</div>
      <div class="left1">
        <el-descriptions title="" :column="5" class="item">
          <el-descriptions-item label="体温">36.1</el-descriptions-item>
          <el-descriptions-item label="脉搏">65</el-descriptions-item>
          <el-descriptions-item label="呼吸">45</el-descriptions-item>
          <el-descriptions-item label="血压">12-45</el-descriptions-item>
          <el-descriptions-item label="SPO2">12</el-descriptions-item>
        </el-descriptions>
      </div>
    </div>
    <div class="one">
      <div class="right1" style="line-height: 60px">既往史</div>
      <div class="left1">
        <el-descriptions title="" :column="1" class="item">
          <el-descriptions-item label="基础病史"
            >多少有点不正常，腿部不太好使，走路慢</el-descriptions-item
          >
        </el-descriptions>
        <el-descriptions title="" :column="1" class="item">
          <el-descriptions-item label="长期用药"
            >他可莫司软膏</el-descriptions-item
          >
        </el-descriptions>
      </div>
    </div>
    <div class="one">
      <div class="right1" style="line-height: 32px;">信息来源</div>

      <div class="left1">
        <el-radio-group v-model="radio1">
          <el-radio :value="3" >本人</el-radio>
          <el-radio :value="6" class="radio">家属</el-radio>
          <el-radio :value="9" class="radio">监护人</el-radio>
        </el-radio-group>
      </div>
    </div>
    <div class="one" style="background-color: #f3f6f9;">
      <div class="right1" style="line-height: 32px;">是否属实</div>
      <div class="left1">
        <el-radio-group v-model="radio2">
          <el-radio :value="3" >是</el-radio>
          <el-radio :value="6" class="radio">否</el-radio>
        </el-radio-group>
      </div>
    </div>
    <div class="one">
      <div class="right2">信息来源</div>
      <div class="left2">
        <el-checkbox v-model="checked1" label="肿瘤的安宁疗护" size="large"  />
        <el-checkbox v-model="checked2" label="内科治疗结束需要康复护理" size="large"  class="radio"/>
        <el-checkbox v-model="checked3" label="外科治疗结束需要康复护理" size="large"  class="radio"/>
        <el-checkbox v-model="checked4" label="半失能且多病共存老人的照护" size="large"  />
        <el-checkbox v-model="checked5" label="慢性创面" size="large" class="radio" />
        <el-checkbox v-model="checked6" label="造口并发症" size="large" class="radio"/>
        <el-checkbox v-model="checked7" label="有传染性疾病" size="large" class="radio"/>
        <el-checkbox v-model="checked8" label="有精神类疾病" size="large" />
        <el-checkbox v-model="checked9" label="审计健康状态出现异常，需立即就医的" size="large" class="radio"/>
        <el-checkbox v-model="checked10" label="疾病的急性发作期" size="large" class="radio"/>
        <el-checkbox v-model="checked11" label="多病共存：（）种疾" size="large" />
      </div>
    </div>
    <div class="one" style="background-color: #f3f6f9;">
      <div class="right1">评估意见</div>
      <div class="left1">
        <el-radio-group v-model="radio2">
          <el-radio :value="3" >暂时可以入住</el-radio>
          <el-radio :value="6" class="radio">不可入住</el-radio>
        </el-radio-group>
      </div>
    </div>
    <div class="one">
      <div class="right1">评估时间</div>
      <div class="left1" style="text-align: center;padding: 10px;box-sizing: border-box;">
        工作人员签字
      </div>
    </div>

    <!-- <el-descriptions title="Customized style list" :column="3" border>
          <el-descriptions-item
            label="Username"
            label-align="right"
            align="center"
            label-class-name="my-label"
            class-name="my-content"
            width="150px"
            >kooriookami</el-descriptions-item
          >
          <el-descriptions-item label="Telephone" label-align="right" align="center"
            >18100000000</el-descriptions-item
          >
          <el-descriptions-item label="Place" label-align="right" align="center"
            >Suzhou</el-descriptions-item
          >
          <el-descriptions-item label="Remarks" label-align="right" align="center">
            <el-tag size="small">School</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="Address" label-align="right" align="center"
            >No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu
            Province</el-descriptions-item
          >
        </el-descriptions> -->
  </div>
</template>

<script setup>
import { ref } from "vue";
const radio1 = ref(3);
const radio2 = ref(6);
const checked1 = ref(1)
const checked2 = ref(1)
const checked3 = ref(1)
const checked4 = ref(1)
const checked5 = ref(1)
const checked6 = ref(1)
const checked7 = ref(1)
const checked8 = ref(1)
const checked9 = ref(1)
const checked10 = ref(1)
const checked11 = ref(1)
</script>

<style  scoped>
* {
  margin: 0;
  padding: 0;
}

.box {
  width: 700px;
  height: 750px;
  border: 1px solid gray;
  margin: auto;
}
.item {
  width: 400px;
  height: 42px;
}
.left {
  width: 800px;

}
.right {
  width: 200px;
  text-align: center;
  line-height: 120px;
}
.left2 {
  width: 800px;
  /* border: 1px solid black; */
}
.right2 {
  width: 200px;
  text-align: center;
  line-height: 120px;
}
.one {
  display: flex;
}
.header {
  width: 100%;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  height: 50px;
  background-color: #f3f6f9;
}
.left1 {
  width: 800px;
  /* border: 1px solid black; */
}
.right1 {
  width: 200px;
  text-align: center;
}
.radio {
  margin: 0 50px;
}
</style>